<div class="animate dropdown">
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-primary card-inverse card-header">
                    <h3 class="card-title">Navbar</h3>
                </div>
                <div class="card-block">
                    <h5>Default Style</h5>
                    <nav class="navbar navbar-toggleable-md navbar-light bg-faded ml-0">
                        <button class="navbar-toggler navbar-toggler-right" type="button">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <a class="navbar-brand" href="javascript:void(0)">Navbar</a>
                        <div class="collapse navbar-collapse" id="navbarNavDropdown">
                            <ul class="navbar-nav">
                                <li class="nav-item active">
                                    <a class="nav-link" href="javascript:void(0)">Home <span class="sr-only">(current)</span></a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="javascript:void(0)">Features</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="javascript:void(0)">Pricing</a>
                                </li>
                                <li class="nav-item dropdown" ngbDropdown>
                                    <a class="nav-link dropdown-toggle" href="javascript:void(0)" ngbDropdownToggle>
                                        Dropdown link
                                    </a>
                                    <div class="dropdown-menu" >
                                        <a class="dropdown-item" href="javascript:void(0)">Action</a>
                                        <a class="dropdown-item" href="javascript:void(0)">Another action</a>
                                        <a class="dropdown-item" href="javascript:void(0)">Something else here</a>
                                    </div>
                                </li>
                            </ul>
                            <form class="form-inline my-2 my-lg-0">
                                <input class="form-control mr-sm-2 mb-0" type="text" placeholder="Search">
                                <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
                            </form>
                        </div>
                    </nav>
                    <p>&nbsp;</p>
                    <h5>Inverted Style</h5>
                    <nav class="navbar navbar-toggleable-md bg-faded navbar-inverse bg-inverse ml-0">
                        <button class="navbar-toggler navbar-toggler-right" type="button">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <a class="navbar-brand" href="javascript:void(0)">Navbar</a>
                        <div class="collapse navbar-collapse" id="navbarNavDropdown">
                            <ul class="navbar-nav">
                                <li class="nav-item active">
                                    <a class="nav-link" href="javascript:void(0)">Home <span class="sr-only">(current)</span></a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="javascript:void(0)">Features</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="javascript:void(0)">Pricing</a>
                                </li>
                                <li class="nav-item dropdown" ngbDropdown>
                                    <a class="nav-link dropdown-toggle" href="javascript:void(0)" ngbDropdownToggle>
                                        Dropdown link
                                    </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="javascript:void(0)">Action</a>
                                        <a class="dropdown-item" href="javascript:void(0)">Another action</a>
                                        <a class="dropdown-item" href="javascript:void(0)">Something else here</a>
                                    </div>
                                </li>
                            </ul>
                            <form class="form-inline my-2 my-lg-0">
                                <input class="form-control mr-sm-2 mb-0" type="text" placeholder="Search">
                                <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
                            </form>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-primary card-inverse card-header">
                    <h3 class="card-title">Regular Dropdown</h3>
                </div>
                <div class="card-block">
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-secondary dropdown-toggle" ngbDropdownToggle>
                            Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-primary dropdown-toggle" ngbDropdownToggle>
                            Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-success dropdown-toggle" ngbDropdownToggle>
                        Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-warning dropdown-toggle" ngbDropdownToggle>
                        Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-danger dropdown-toggle" ngbDropdownToggle>
                        Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <hr>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-secondary btn-rounded dropdown-toggle right-split" ngbDropdownToggle>
                            Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-primary btn-rounded dropdown-toggle right-split" ngbDropdownToggle>
                            Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-info btn-rounded dropdown-toggle right-split" ngbDropdownToggle>
                            Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-warning btn-rounded dropdown-toggle right-split" ngbDropdownToggle>
                            Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-danger btn-rounded dropdown-toggle right-split" ngbDropdownToggle>
                            Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>

                    <hr>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-secondary  btn-bordered dropdown-toggle right-split" ngbDropdownToggle>
                            Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-primary  btn-bordered dropdown-toggle right-split" ngbDropdownToggle>
                            Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-success  btn-bordered dropdown-toggle right-split" ngbDropdownToggle>
                            Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-warning  btn-bordered dropdown-toggle right-split" ngbDropdownToggle>
                            Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-danger  btn-bordered dropdown-toggle right-split" ngbDropdownToggle>
                            Button dropdown <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-success card-inverse card-header">
                    <h3 class="card-title">Split-Button Dropdown</h3>
                </div>
                <div class="card-block">
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-secondary">Action</button>
                        <button type="button" class="btn btn-secondary dropdown-toggle haha" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-success">Action</button>
                        <button type="button" class="btn btn-success dropdown-toggle haha" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-primary">Action</button>
                        <button type="button" class="btn btn-primary dropdown-toggle haha" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-warning">Action</button>
                        <button type="button" class="btn btn-warning dropdown-toggle haha" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group" ngbDropdown>
                        <button type="button" class="btn btn-danger">Action</button>
                        <button type="button" class="btn btn-danger dropdown-toggle haha" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <hr>
                    <div class="btn-group split" ngbDropdown>
                        <button type="button" class="btn btn-secondary btn-rounded left">Action</button>
                        <button type="button" class="btn btn-secondary btn-rounded dropdown-toggle right" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group split" ngbDropdown>
                        <button type="button" class="btn btn-success btn-rounded left">Action</button>
                        <button type="button" class="btn btn-success btn-rounded dropdown-toggle right" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group split" ngbDropdown>
                        <button type="button" class="btn btn-primary btn-rounded left">Action</button>
                        <button type="button" class="btn btn-primary btn-rounded dropdown-toggle right" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group split" ngbDropdown>
                        <button type="button" class="btn btn-warning btn-rounded left">Action</button>
                        <button type="button" class="btn btn-warning btn-rounded dropdown-toggle right" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group split" ngbDropdown>
                        <button type="button" class="btn btn-danger btn-rounded left">Action</button>
                        <button type="button" class="btn btn-danger btn-rounded dropdown-toggle right" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <hr>
                    <div class="btn-group split-btn" ngbDropdown>
                        <button type="button" class="btn btn-secondary btn-bordered left">Action</button>
                        <button type="button" class="btn btn-secondary btn-bordered dropdown-toggle right" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group split-btn" ngbDropdown>
                        <button type="button" class="btn btn-primary btn-bordered left">Action</button>
                        <button type="button" class="btn btn-primary btn-bordered dropdown-toggle right" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group split-btn" ngbDropdown>
                        <button type="button" class="btn btn-success btn-bordered left">Action</button>
                        <button type="button" class="btn btn-success btn-bordered dropdown-toggle right" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group split-btn" ngbDropdown>
                        <button type="button" class="btn btn-warning btn-bordered left">Action</button>
                        <button type="button" class="btn btn-warning btn-bordered dropdown-toggle right" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                    <div class="btn-group split-btn" ngbDropdown>
                        <button type="button" class="btn btn-danger btn-bordered left">Action</button>
                        <button type="button" class="btn btn-danger btn-bordered dropdown-toggle right" ngbDropdownToggle>
                            <span class="caret"></span>
                            <span class="sr-only">Split button!</span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Another action</a></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>
                            <li class="divider dropdown-divider"></li>
                            <li role="menuitem"><a class="dropdown-item" href="javascript:void(0)">Separated link</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<p>&nbsp;</p>
